.milestones__container {
  border: 1px solid $gray-lighter;
  padding: 5%;
  @include border-radius(5px);
}

.milestones__container__title {
  @extend .section__category;
  i {
    letter-spacing: 0;
  }
  margin-bottom: 50px;
}

.milestone {
  margin-bottom: 30px;
}
.milestone__title {
  color: $gray-dark;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.milestone__arrow {
  color: $gray-light;
  &:hover {
    text-decoration: none;
  }
}

.milestone__meta {
  color: $gray-light;
}

.milestone__link {
  &:hover {
    text-decoration: none;
  }
}

.milestone__progress {
  padding-top: .6rem;
  color: $gray-dark;
  font-weight: bold;
  margin-bottom: 1rem;
}

.milestone__progress__item {
  margin-right: 10px;
}
